import DB from '../../utils/db';
Page({
  data: {
    value: '/pages/template/index',
    list: [
      { value: '/pages/index/index', icon: 'home', ariaLabel: '首页' },
      { value: '/pages/template/index', icon: 'file', ariaLabel: '模版' },
      { value: '/pages/AI/index', icon: 'logo-adobe-illustrate', ariaLabel: 'AI助手' },
      // { value: 'label_3', icon: 'user', ariaLabel: '我的' },
    ],
  },

  onChange(e) {
    // this.setData({
    //    value: e.detail.value,  
    // });
    // console.log(e.detail.value)
    wx.switchTab({
      url: e.detail.value,
    })
  },

  // onTabsChange(event) {
  //   console.log(`Change tab, tab-panel value is ${event.detail.value}.`);
  // },

  onTabsClick(event) {
    // console.log(`Click tab, tab-panel value is ${event.detail.value}.`);
    wx.showLoading({
      title: '数据加载中...', // 这里设置提示词
      mask: true // 显示透明蒙层
    });
    this.getImageData(event.detail.value);
    // this.setData({
    //   classify:event.detail.value
    // })
  },

  onStickyScroll(event) {
    console.log(event.detail);
  },

  // 预览图片
  previewImage(e) {
    const id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: `/pages/templateDetails/index?id=${id}`,
    })
    console.log(id)
  },

  onLoad(options) {
    // 页面加载时可以从服务器获取图片数据
    wx.showLoading({
      title: '数据加载中...', // 这里设置提示词
      mask: true // 显示透明蒙层
    });
    this.getImageData("全部");
  },

  // 从服务器获取图片数据
  getImageData(classify) {
    DB.select('template',classify).then((resp) => {
      console.log(resp)
      this.setData({
        record: resp.result.data,
      });
      wx.hideLoading();
    }).catch((e) => {
      console.log(e);
      this.setData({
        showUploadTip: true
      });
      wx.hideLoading();
    });
  },
})